<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <style>
        /* 我们获
得了一大批新的内建光标，只不过大多数开发者还沉浸在老习惯当中。其实
用户体验的优化过程往往就是这样的：在得到解决方案之前，你甚至意识不
到哪里有问题。让我们与时俱进吧！ */
        /* 使用not-allowed 光标来提示某
个控件已被禁用 */
        
         :disabled,
        [disabled],
        [aria-disabled="true"] {
            cursor: not-allowed;
        }
        /* 2. 隐藏鼠标光标 */
        /* 。在CSS 2.1 中，隐藏光标
也是有可能的，但需要用到一张1×1 的透明GIF 图片，然后这样做： */
        /* 现在，我们再也不需要这么做了，因为可以直接使用cursor: none。 */
        
        video {
            cursor: url('transparent.gif');
            cursor: none;
        }
    </style>
</head>

<body>

</body>

</html>